import React from 'react';

import styles from './module.less';

console.log({ styles });

// style={{animationName: styles.mymove + '_'}}
export default function TryCssModule() {
  return (
    <div className={styles.normal}>
      <h1>Page module</h1>
      <div className={styles.element}>styles.element</div>
      <div className={styles.context}>
        styles.context
        <div className={styles.element}>styles.element in context</div>
      </div>
      <div className={styles.element + ' ' + styles.modifier}>
        styles.element and styles.modifier
      </div>
      <div className={styles.modifier}>styles.modifier</div>
      <div className={styles.bgc2}>background adapt to media query</div>
      <div className={styles.aniMove}>move</div>
    </div>
  );
}
